.page-body {
	width: 100%;
	box-sizing: border-box;
	
	.navBox {
		width: 100%;
		box-sizing: border-box;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		border-bottom: 1px solid #DDDDDD;
		
		
		.screenBox {
			width: 100%;
			box-sizing: border-box;
			display: flex;
			display: -webkit-flex;
			display: inline-flex;
			align-items:center;
			justify-content: space-between;
			padding: 30rpx 0;
			color: #43425D;
			font-size: 26rpx;
			
			.screen_ul {
				width: 100%;
				display: flex;
				display: -webkit-flex;
				display: inline-flex;
				align-items:center;
				justify-content: space-between;
				
				.screen_li {
					flex: 1;
					position: relative;
					text-align: center;
					
					.small_down {
						width: 16rpx;
						height: 12rpx;
						vertical-align: middle;
						margin-left: 6rpx;
					}
					
					&::after {
						content: "";
						display: inline-block;
						width: 1px;
						height: 24rpx;
						background-color: #F2F2F2;
						position: absolute;
						top: 50%;
						right: 0;
						margin-top: -12rpx;
					}
			
					
					&:last-child {
						
						&::after {
							content: "";
							display: none;
						}
					}
				}
				
			}
		}
	}
	
	.content_box {
		width: 100%;
		margin-top: 80rpx;
		box-sizing: border-box;
		
		.list_ul {
			width: 100%;
			
			.list_li {
				width: 100%;
				padding: 30rpx 40rpx;
				box-sizing: border-box;
				position: relative;
				color: #43425D;
				border-bottom: 12rpx solid #F5F6FA;
				.actName {
					font-size: 36rpx;
					font-weight: 500;
					margin: 20rpx 0 40rpx;
					overflow: hidden;
					-webkit-line-clamp: 2;
					text-overflow:ellipsis;
					white-space: nowrap;
					//line-clamp: 2;
					// -webkit-box-orient: vertical;
					// 
				}

				.actImg {
					width: 100%;
					height: 212rpx;
					position: relative;
					border-radius: 8rpx;
					overflow: hidden;
				}
				
				.actType {
					position: absolute;
					right: 0;
					bottom: 0;
					padding: 8rpx 14rpx;
					font-size: 20rpx;
					color: #fff;
					background: #FC950A;
				}
				.shopType{
					background:#F74E4E ;
				}
				.list_bottom{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.actParticipateIn {
						font-size: 28rpx;
						color: #7A798D;
						font-weight: 400;
					}
					.infoBox {
						display: flex;
						
						.info_li {
							font-size: 28rpx;
							color: rgba($color: #43425D, $alpha: 0.7);
							margin-left: 26rpx;
							
							.infoIcon {
								width: 32rpx;
								height: 32rpx;
								vertical-align: middle;
								position: relative;
								margin-right: 10rpx;
								margin-top: -4rpx;
							}
						}
					}
				}
				
				
				&:last-child {
					border-bottom: none;
				}
				
			}
		}
	}
}